<!DOCTYPE html>

<html class="initial-bootstrapping">
  <head>
    <meta charset="utf-8" />
    
    <title>Disco Inferno</title>
    <!-- Mobile viewport optimization http://goo.gl/b9SaQ -->
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320"/>
    <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <meta name="apple-mobile-web-app-capable" content="no">
    <!--JavaScript-->
    <!-- <script type="text/javascript" src="static/js/application.js"></script> -->
    <!--Splash screen CSS -->
    <!--<link href="static/css/core.css" rel="stylesheet" type="text/css">-->
    <link href="static/css/welcome.css" rel="stylesheet" type="text/css"></style>
    <link href='http://fonts.googleapis.com/css?family=Unna' rel='stylesheet' type='text/css'>
    <!--test javascript-->

  </head>
  <body>
    <div id="floater"></div>
    <div class="welcome-content"> 
      <div class="logo">
        <img src="static/img/logo.png">
      </div>
      <div style="font-size:24px;margin:0;">
        Top Scores
        <ol>
        {% for person in leaders %}
          <li class="leader-item">
            <div class="score">{{ person.high_score }}</div>
            <!-- <img src="{{ person.img }}" width="40px" height="40px" style="margin: 10px 10px 2px 10px; float: left;"> -->
            
            <div class="leader-name"><b>{{ person.name }}</b> </div>
          </li>
        {% endfor %}
        </ol>
        <a href="home" class="signin">Play again</a>
      </div>
    </div>
  </body>
</html>
